<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="css/tab.css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/tab.js"></script>
</head>
<body>
<div class="tab1 tab">
<ul class="tab-nav">
	<li><a class="right" href="javascript:;">格网电离层</a></li>
	<li class="actived leftli"> <a class="left" href="javascript:;">广播电离层</a></li>
</ul>
<div class="content-wrap">
<div class="content-item current">
	<iframe src="slide.html"></iframe>
</div>
<div class="content-item">
	<iframe src="slide1.html"></iframe>
</div>
</div>
</div>
<!--<script src="../bespoke/modernizr.custom.js" type="text/javascript" charset="utf-8"></script>-->
<!--<script src="../bespoke/bespoke.js"></script>-->
<!--<script src="../bespoke/bespoke-fx.min.js"></script>-->
<script>
    $(window).ready(function() {
        $('.tab1').tabChange({
            name: '.tab1',
            invoke: 2,
            behavior: 'click',
            effect:'fade'
        });

        // var bespokeObj = parent.parent.document.getElementById("bespoke");
        // bespoke.horizontal.from(bespokeObj, {
        //     fx: {
        //         direction: "horizontal",
        //         transition: "move-different-easing",
        //         reverse: true
        //     }
        // });
    })
</script>
</body>
</html>